<template>
	<section>
		<back :title="'新增联系人'"><label class="addConFish">完成</label></back>
		<p style="height: 0.5rem;"></p>
		<div class="addContactsCt">
			<header>
				<p>名</p>
				<p>姓</p>
				<img src="../static/img/addContactsIcon.png" />
			</header>
			<article>
				<p><label>收款人钱包地址</label><img src="../static/img/qrScan.png" /> </p>
				<p>手机号</p>
				<p>邮箱</p>
				<p>备注</p>
			</article>
		</div>
	</section>
</template>

<script>
	//	import { homeGet } from '../common/comfn';
	//	import pull from '../common/pull.vue';
	import back from '../com/back.vue';
	export default {
		data() {
			return {}
		},
		components: {
			back
		},
		methods: {},
		created: function() {},
		mounted: function() {}
	}
</script>

<style scoped="scoped">
	.contactsP {
		line-height: 0.5rem;
		text-align: center;
	}
	
	.contactsP img {
		display: inline-block;
		height: 1rem;
	}
	
	.contactTopAdd {
		position: absolute;
		height: 0.2rem;
		right: 0.15rem !important;
		left: auto !important;
	}
	
	.addConFish {
		position: absolute;
		right: 0.15rem;
		left: auto;
		font-weight: 500;
		color: rgb(158, 129, 104);
	}
	
	header {
		position: relative;
		padding-left: 0.8rem;
		padding-right: 0.1rem;
		color: rgb(184, 193, 203);
		background-color: #FFFFFF;
	}
	
	header img {
		position: absolute;
		top: 0;
		left: 0.15rem;
		height: 0.54rem;
		width: 0.54rem;
		border-radius: 0.54rem;
		top: 50%;
		margin-top: -0.27rem;
	}
	
	header p {
		line-height: 0.4rem;
	}
	
	header p:nth-child(1) {
		border-bottom: 1px solid #E8E8E8;
	}
	article{
		padding: 0 0.15rem;
		background-color: #FFFFFF;
	}
	article p {
		color: rgb(184, 193, 203);
		font-size: 0.15rem;
		border-bottom: 1px solid #E8E8E8;
		padding: 0.1rem 0;
	}
	
	article p:nth-child(1) img,
	article p:nth-child(1) label {
		display: inline-block;
		height: 0.18rem;
		vertical-align: middle;
		line-height: 0.18rem;
	}
	article p:nth-child(1) img{
		float: right;
	}
	article p:last-child{
		border-bottom: none;
	}
</style>